<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <!-- Google Optimise Minize Page Flicker -->
    <style>.async-hide {
        opacity: 0 !important
    } </style>

    <meta name="robots" content="noindex,nofollow">
    <title>SendPulse: Registration</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link th:href="@{bootstrap/css/bootstrap.css}" rel="stylesheet" media="screen">

    <link th:href="@{bootstrap/css/template.min.css?v=20190410051137}" rel="stylesheet" media="screen">

    <link th:href="@{bootstrap/css/login.min.css?v=20190410051137}" rel="stylesheet" media="screen">

    <script th:src="@{bootstrap/js/jquery.min.js}"></script>
    <script th:src="@{bootstrap/js/bootstrap.js}"></script>
    <meta name="norton-safeweb-site-verification"
          content="ify4cpp-jsmqzwreu4-x03199z2nnw4o4bv7768eo4-zjxchbq7gvx7cwduckszm85equbjrsyy7rr9gferx13ts8agycc8j37mrpu7xjyf1rr4w4a-4kv6-yx93swt7"/>

</head>
<body>
<!--[if lte IE 8]>
<div class="unsuported-warning"><h4>Sorry, your browser is not supported!</h4></div><![endif]-->

<div class="loginpage">
    <div class="loginpage-container">
        <div class="login-header">
            <a class="logo-link" href="https://sendpulse.com/" target="_blank">
                <img src="https://ws1.sinaimg.cn/large/006m0mywgy1g1xi7krjkdj302v02wdg5.jpg" width="175" alt="SendPulse">
            </a>
            <div class="dropdown lang-dropdown pull-right" style="display: none;">
                <a data-toggle="dropdown" class="btn btn-default animate" role="button" href="#">
                    <span class="glyphicon glyphicon-globe"></span>
                    EN <b class="caret"></b>
                </a>
                <ul id="lang-selector" class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                    <li role="presentation"><a role="menuitem" tabindex="-1" onclick="changeLang('ru:Русский');"
                                               href="javascript:void(0)"><img src="/img/flags/ru.png" width="22"> RU</a>
                    </li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" onclick="changeLang('ua:Українська');"
                                               href="javascript:void(0)"><img src="/img/flags/ua.png" width="22"> UA</a>
                    </li>
                    <li role="presentation"><a role="menuitem" tabindex="-1"
                                               onclick="changeLang('pt-br:Português do Brasil');"
                                               href="javascript:void(0)"><img src="/img/flags/pt-br.png" width="22">
                        PT-BR</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" onclick="changeLang('tr:Türkçe');"
                                               href="javascript:void(0)"><img src="/img/flags/tr.png" width="22"> TR</a>
                    </li>
                    <li role="presentation"><a role="menuitem" tabindex="-1"
                                               onclick="changeLang('es-mx:Español para México');"
                                               href="javascript:void(0)"><img src="/img/flags/es-mx.png" width="22">
                        ES-MX</a></li>
                </ul>
            </div>
            <div class="clearfix">&nbsp;</div>
        </div>

        <div class="panel panel-default">
            <form role="form" class="form-horizontal" action="registration" method="post">
                <div class="panel-body">

                    <h2>Registration</h2>
                    <h3 th:text="${msg}" style="color:red"></h3>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">Your Name:</label>
                            <div class="col-sm-8">
                                <input type="text" value="" class="form-control" id="name" name="name"
                                       placeholder="Enter UserName" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="password">Your password:</label>
                            <div class="col-sm-8">
                                <input type="password" class="form-control" id="password" name="password"
                                       placeholder="Enter password" />
                            </div>
                        </div>


                </div>
                <div class="panel-footer">

                    <p class="pull-left padding-top-5">
                        <em class="small light-grey">
                            You have an account? <a class="bold" href="/toLogin">Login</a>
                        </em>
                    </p>

                    <input type="submit" name="submit" class="btn btn-green pull-right" value="Register">
                    <div class="clearfix"></div>
                </div>
                <input type='hidden' name='csrf_token' value='fb7146e86b82cbdb70e61ea5814813de'/>
            </form>
        </div>
        <p class="clearfix">&nbsp;</p>
        <div class="login-support small">
            Problems logging in? <a th:href="@{/toRegistrationSupport}" target="_blank">Technical support</a>
        </div>
    </div>
</body>
</html>
</body>
</html>